<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8" />
<title>管理員管理檢舉頁面</title>

<link rel="stylesheet" href="../css/sunny/fontsize1.1/jquery-ui-1.10.4.custom.css">
	
<script src="../js/jquery-1.10.2.js"></script>
<script src="../js/jquery-ui-1.10.4.custom.js"></script>
<script src="../js/jquery.elastic.source.js"></script>

<style>
.block{
position: relative; 
margin: 10px; 
padding:10px; 
width: 600px; 
border-style:groove; 
border-width:5px 5px 1px 5px; 
border-color:blue; 
border-radius: 25px; 
background: rgb(223,243,249)
}

.iconinvisible{
	opacity: 0.2;
	filter: alpha(opacity =    0.2);
}

.iconinvisible:hover{
	opacity: 1;
	filter: alpha(opacity =    100);
}

.responseblock{
	position: relative; 
	top:-10px; 
	left: 10px; 
	margin: 0px; 
	padding:10px; 
	width: 600px; 
	border-style:groove; 
	border-width:1px 5px 0px 5px; 
	border-color:green; 
	border-radius: 25px; 
	background: rgb(240,250,211);
}

</style>

<script>
	$(function() {
		$(".buttonClass").button();
		$( ".elastic" ).elastic();
	});
</script>

</head>

<body style="padding-top: 6px;">

	<div class="block">
	<div style="position: relative;" id="post01">
	<a href="#" style="position:absolute; right:5px; top:35px;" class="iconinvisible"><img src="../images/delete.png"></a>
	</div>
	PO文者：會員01<br/>
	內容：<br/>
	LALALALA<br/>
	LALALALA<br/>
	LALALALA<br/>
	LALALALA<br/>
	LALALALA<br/>
	</div>
	<div class="responseblock" id="response01">
	檢舉人：AAA<br/>
	檢舉內容：LALALALA<br/>
	</div>
	<div style="position: relative; top:-10px; left: 10px; margin: 0px; padding:10px; width: 600px; border-style:groove; border-width:0px 5px 5px 5px; border-color:green; border-radius: 25px;; background: rgb(240,250,211)">
	<span style="position:absolute;vertical-align:middle;top:50%;">警告理由：</span>
	<textarea cols="52" rows="1" placeholder="填寫警告理由" style="position: relative; left: 82px; resize: none; max-height:240px; margin-top:5px;" class="elastic text ui-widget-content ui-corner-all"></textarea>
	<a href="#" class="buttonClass" style="font-size: 12px; position: relative; left: 92px; top: -10px;">送出</a>
	<br/>
	</div>
	
</body>
</html>